<div style="position: relative;z-index: 1">
    <!--加载直播还是聊天室判断-->
    <!--ng-repeat部分-->
    <div  ng-repeat="itempublic in publicArr">
        <div class="live_gla_title_time">{{itempublic}}</div>
    <div ng-repeat="item in liveDetailArray" ng-if="item.publishtime.slice(0,10)==itempublic">
        <div class="live_gla_con">
            <!--文字类型|cutHour-->
            <div class="live_gla_tex"  ng-if="item.attachments.length=='0'">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body" style="margin-bottom: 0">
                        <p>{{item.content}}</p>
                    </div>
                </div>
            </div>
            <!--一张图片-->
            <div class="live_gla_img" ng-if="item.attachments[0].type=='1' && item.attachments.length==1">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_con_body_img" ng-repeat="inneritem in item.attachments">
                        <!--图片-->
                        <img ng-src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)" style="width: 100%">
                    </div>
                </div>
            </div>
            <!--视频或语音-->
            <div class="live_gla_vedio" ng-if="item.attachments[0].type=='2'" ng-repeat="inneritem in item.attachments">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>

                    <!--语音类型-->
                    <div ng-if="inneritem.url.slice(-3)=='mp3'" class="ligla_con_body_vedio ligla_con_audio">
                        <img ng-click="playAudio($event)" class="live_audio_img" src="static/37.png">
                        <audio ng-src="{{sceControl(inneritem.url)}}">
                            您的浏览器不支持。
                        </audio>
                        <!-- <div class="liv_audio_time">时长</div>-->
                    </div>
                    <!--视频类型-->
                    <div ng-if="inneritem.url.slice(-3)=='mp4'" class="ligla_con_body_vedio" style="overflow: hidden">
                        <!--正常视频-->
                        <video  style="height: 187px;" ng-src="{{sceControl(inneritem.url)}}">
                            <!-- <source ng-src="{{sceControl(inneritem.url)}}" type="video/mp4">
                             <source ng-src="{{sceControl(inneritem.url)}}" type="video/ogg">
                             Your browser does not support the video tag.-->

                        </video>
                        <div ng-click="playVedio($event)" class="liv_viedo_img"><img src="static/22.png" ></div>
                        <!--<div class="liv_vidio_time">时长</div>-->
                        <div class="control"style="display:block;position: absolute">
                            <div class="topControl">
                                <div class="progress">
                                    <span class="bufferBar"></span>
                                    <span class="timeBar"></span>
                                    <span id="timeBall"></span>
                                </div>

                            </div>

                            <div class="btmControl" style="top: 3px;">
                                <div ng-click="btnPlay($event)" class="btnPlay btn btnplayOne" title="Play/Pause video"></div>
                                <div class="time" style="width:19%">
                                    <span class="current"></span>
                                    /<span class="duration"></span>
                                </div>
                                <div ng-click="btnFS($event)" class="btnFS btn btnTwo" title="Switch to full screen"></div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!--<div class="live_gla_vedio" ng-if="" ng-repeat="inneritem in item.attachments" repeat-finish>
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div class="ligla_tit">主题</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_con_body_vedio">
                        &lt;!&ndash;视频&ndash;&gt;
                        <audio src="inneritem.url">
                            您的浏览器不支持。
                        </audio>
                        <div class="liv_vidio_time">时长</div>
                        <img src="static/37.png">
                    </div>
                </div>
            </div>-->
            <!--2张图-->
            <div class="live_gla_imgTwo" ng-if="item.attachments[0].type=='1' && item.attachments.length==2">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <!--<div class="ligla_head_rg">{{item.publishtime}}</div>-->
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_two">
                        <div ng-repeat="inneritem in item.attachments">
                            <img ng-click="showliveModelImg($index,$event)" ng-src="{{inneritem.url}}" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!--3张图-->
            <div class="live_gla_imgtrd" ng-if="item.attachments[0].type=='1' && item.attachments.length==3">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <!--<div class="ligla_head_rg">{{item.publishtime}}</div>-->
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_trd">
                        <div ng-repeat="inneritem in item.attachments">
                            <img ng-src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!--4张图-->
            <div class="live_gla_imgfour" ng-if="item.attachments[0].type=='1' && item.attachments.length==4">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf ">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_fou">
                        <div ng-repeat="inneritem in item.attachments">
                            <img ng-click="showliveModelImg($index,$event)" src="{{inneritem.url}}" alt="">
                        </div>
                    </div>
                </div>
            </div>
            <!--9张图-->
            <div class="live_gla_imgNi" ng-if="item.attachments[0].type=='1' && item.attachments.length>4">
                <div class="live_gla_everyTime">{{item.publishtime|cutHour}}</div>
                <div class="live_gla_boxs">
                    <div class="ligla_con_head">
                        <div class="ligla_head_lf">
                            <div class="ligla_phto"><img src="static/36.png"></div>
                            <div ng-if="item.sourceType==0" class="ligla_tit">[嘉宾]</div>
                            <div ng-if="item.sourceType==1" class="ligla_tit">[主持人]</div>
                            <div ng-if="item.sourceType==2" class="ligla_tit">[记者]</div>
                            <div class="ligla_job">{{item.user}}</div>
                        </div>
                    </div>
                    <div class="ligla_con_body">
                        <p>{{item.content}}</p>
                    </div>
                    <div class="ligla_nig">
                        <div ng-repeat="inneritem in item.attachments">
                            <img src="{{inneritem.url}}" ng-click="showliveModelImg($index,$event)">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    <!--加载更多-->
    <div ng-show="loadDetailMoreButtonOne" ng-click="loadMorLiveDetail()" class="btn btn-block text-center" style="">加载更多</div>
    <!--已加载全部-->
    <div ng-show="noDetailLoadMoreButton" disabled class="btn btn-block text-center" style="">已加载全部</div>
</div>
<!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
<!--<script src="trd/jquery/jquery-1.11.1.min.js"></script>-->
<!-- include flowplayer -->
<!--<script src="trd/flowplayer/flowplayer.js"></script>
<script src="trd/flowplayer/embed.min.js"></script>-->
<script type="text/javascript">

</script>
<style>
    .flowplayer { width: 80%; }
    .live_gla_con{
        background:#f6f6f6 ;
    }
    .live_gla_con{
        padding: 0 15px 15px 15px;
    }
    .live_gla_everyTime{
        color: #fc9105;
        font-size: 1.155rem;
        padding: 15px 10px;
    }
    .live_gla_boxs{
        border:1px solid #e3e3e3;
        background: #ffffff;
    }
    .ligla_head_lf{
        color:#999999 ;
        font-size: 13px;
    }
    .ligla_con_body{
        margin-bottom: 10px;
        color: #666666;
        font-size: 15px;
    }
    /*语音*/
    .live_audio_img{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        -ms-transform:scale(0.5);
        -o-transform: scale(0.5);
        position: absolute;
        left: -55px;
        top:0;
    }
    /*//视频图*/
    .liv_viedo_img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform:translatex(-50%) scale(0.5) translateY(-100%);
        -webkit-transform:translatex(-50%) scale(0.5) translateY(-100%);
        -moz-transform:translatex(-50%) scale(0.5) translateY(-100%);
        -ms-transform:translatex(-50%) scale(0.5) translateY(-100%);
        -o-transform:translatex(-50%) scale(0.5) translateY(-100%);
    }
    .ligla_con_audio{
        position: relative;
        height: 47px;
        width: 100%;
    }
    .liv_audio_time{
        position: absolute;
        bottom: 10px;
        left: 110px;
    }
   #timeBall{
       top: -4px;
       width: 10px;
       height: 10px;
       display: block;
       background: #fc9105;
       z-index: 10;
    }
    .control{
        bottom: -30px;
    }

</style>